<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>腾讯教育管理系统</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Access-Control-Allow-Origin" content="*">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="icon" href="../static/favicon.ico">
	<!-- <link rel="stylesheet" href="layui/css/layui.css" media="all" /> -->
	<!-- <link rel="stylesheet" href="//at.alicdn.com/t/font_tnyc012u2rlwstt9.css" media="all" /> -->
    <link rel="stylesheet" href="../static/css/main.css" media="all" />
    <link rel="stylesheet" href="../static/layui/css/layui.css" />
    <script type="text/javascript" src="../static/js/echarts.js"></script>
</head>
<body class="main_body">
	<div class="layui-layout layui-layout-admin">
		<!-- 顶部 -->
		<div class="layui-header header">
			<div class="layui-main">
				<a href="#" class="logo">腾讯教育管理</a>
			</div>
		</div>
		<!-- 左侧导航 -->
		<div class="layui-side layui-bg-black">
		      <ul class="layui-nav layui-nav-tree" lay-filter="test">
			<!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
				  <li class="layui-nav-item layui-nav-itemed">
				    <a href="javascript:;">历史记录</a>
				    <dl class="layui-nav-child">
				      <dd><a href="http://localhost:8080?page=index" >课程组</a></dd>
                        <dd><a href="http://localhost:8080?page=group">课程信息</a></dd>
				    </dl>
				  </li>

                  <li class="layui-nav-item layui-nav-itemed">
                      <a href="javascript:;">报表管理</a>
                      <dl class="layui-nav-child">
                          <dd><a href="http://localhost:8080?page=statistics" >报表信息</a></dd>
                      </dl>
                  </li>
			</ul>
		</div>
		<!-- 右侧内容 -->
		<div class="layui-body layui-form">

            <div id="main" style="width: 600px;height:400px;"></div>


		</div>
		<!-- 底部 -->
		<div class="layui-footer footer">
			<p>腾讯教育管理系统</p>
		</div>
	</div>
	<!-- 移动导航 -->
	<div class="site-tree-mobile layui-hide"><i class="layui-icon">&#xe602;</i></div>
	<div class="site-mobile-shade"></div>
    </div>
	<script type="text/javascript" src="../static/layui/layui.js"></script>
	<script type="text/javascript" src="../static/js/leftNav.js"></script>
	<script type="text/javascript" src="../static/js/index.js"></script>
    <script type="text/javascript" src="../static/js/jquery-3.4.1.min.js"></script>

	<script>

        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
            title: {
                text: 'ECharts 入门示例'
            },
            tooltip: {},
            legend: {
                data:['销量']
            },
            xAxis: {
                data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
            },
            yAxis: {},
            series: [{
                name: '销量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);

</script>

</body>
</html>
